<template>
  <div class="side">
    <el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        router
    >
      <el-menu-item index="/">
        <el-icon>
          <Picture/>
        </el-icon>
        <template #title>生图</template>
      </el-menu-item>
      <el-menu-item index="/about">
        <el-icon>
          <ChatLineRound/>
        </el-icon>
        <template #title>关于</template>
      </el-menu-item>
      <el-menu-item index="/dataSet">
        <el-icon>
          <Open/>
        </el-icon>
        <template #title>数据配置</template>
      </el-menu-item>

    </el-menu>
  </div>
</template>

<script lang="ts" setup>
</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
}


.el-menu-vertical-demo {
  display: inline-table;
  height: 100vh;
}
</style>